
body{
	/*padding-bottom: 1.5rem; */
	font-size: 12px;
	    background: #efefef;
	color: #808080;
}

 	   .display-block{
	   display :block ;
	   }

	   .display-none{
	   display :none ;
	   }


 #video_tip,#Touping_tip{
/*	position:fixed;
	top:0;
	width:100%;   */
	height: 20px;
	z-index:1000;
	margin: 0 15px;
}


/*进度条*/
.aui-progress {
	width: 100%;
	height: 1rem;
	border-radius: 0.2rem;
	overflow: hidden;
	background-color: #f0f0f0;
}
.aui-progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 0.6rem;
	line-height: 1rem;
	color: #ffffff;
	text-align: center;
	background-color: #03a9f4;
}
.aui-progress.sm,
.aui-progress-sm {
	height: 0.5rem;
}
.aui-progress.sm,
.aui-progress-sm,
.aui-progress.sm .aui-progress-bar,
.aui-progress-sm .aui-progress-bar {
	border-radius: 1px;
}
.aui-progress.xs,
.aui-progress-xs {
	height: 0.35rem;
}
.aui-progress.xs,
.aui-progress-xs,
.aui-progress.xs .progress-bar,
.aui-progress-xs .progress-bar {
	border-radius: 1px;
}
.aui-progress.xxs,
.aui-progress-xxs {
	height: 0.15rem;
}
.aui-progress.xxs,
.aui-progress-xxs,
.aui-progress.xxs .progress-bar,
.aui-progress-xxs .progress-bar {
	border-radius: 1px;
}
/*滑块*/
.aui-range {
    position: relative;
    display: inline-block;
}
.aui-range input[type='range']{
    height: 0.2rem;
    border: 0;
    border-radius: 2px;
    background-color: #f3f3f3;
    position: relative;
    -webkit-appearance: none !important;
}
.aui-range input[type='range']::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border-color: #fff;
    /*background-color: #fff;
	background-image: linear-gradient(to right, #43e97b 0%, #38f9d7 100%);  */
	background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
    -webkit-appearance: none !important;
}
.aui-range .aui-range-tip {
    font-size: 0.5rem;
    position: absolute;
    z-index: 1299;
    top: -1.5rem;
  /*  width: 2.4rem;
    height: 1.5rem;
    line-height: 1.5rem;  */
    text-align: center;
    color: #222222;
    border-radius: 18px 18px 18px 0;
	padding: 1px 5px;
	left: 10px;
   /* background-color: #ffffff;
	background-image: linear-gradient(to right, #43e97b 0%, #38f9d7 100%);  */
	background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
}


.aui-range .aui-range-tip-beat {
    font-size: 0.5rem;
    position: absolute;
    z-index: 1299;
    top: -1.5rem;
  /*  width: 2.4rem;
    height: 1.5rem;
    line-height: 1.5rem;  */
    text-align: center;
    color: #616161;
    border-radius: 18px 18px 0 18px;
	padding: 1px 5px;
	right: 10px;
    background-color: #f3f3f3;
	/* background-image: linear-gradient(to right, #43e97b 0%, #38f9d7 100%);
	 background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);  */
}

.aui-input-row .aui-range input[type='range'] {
	width: 90%;
	margin-left: 5%;
}

 .set{
 padding-left: 0.75rem;
 color: #d1d1d1;
 background-color: #ffffff;
 /*margin: 0 15px;
 box-shadow: 0 0.2rem 0.5rem 0 rgba(0, 0, 0, 0.1); */
 }


/* --------------top-------------- */
.inbox{padding: 0 3%;}
 .banner img {height: 200px;}
.wzgn{background: #fff;  margin-top: -.80rem; box-shadow: 0 0 10px rgba(132, 132, 132, 0.2);border-radius:.15rem; position: relative;z-index: 10;}
.wzgn_tit{padding: .47rem 0;background: url(../images/a_05.png)  no-repeat center center; background-size: 4.89rem 1px; text-align: center;}
.wzgn_tit h2{font-size: .3rem; color: #3d7eff;font-weight: bold;}
.wzgn_tit i{display: inline-block;*display: inline;background: url(../images/a_09.png);width:.37rem; height: .32rem; background-size: 100% 100%; margin-right: .18rem;vertical-align: middle;margin-top:-0.05rem;}

.wzgn_tit_ad{padding: .47rem 0;background: url()  no-repeat center center; background-size: 4.89rem 1px; text-align: center;}
.wzgn_tit_ad h2{font-size: .3rem; color: #d2d2d2;font-weight: bold;}
.wzgn_tit_ad i{display: inline-block;*display: inline;background: url();width:.37rem; height: .32rem; background-size: 100% 100%; margin-right: .18rem;vertical-align: middle;margin-top:-0.05rem;}


.wzgn_nr ul{overflow: hidden;padding-top: .1rem;}
.wzgn_nr li{width:25%; float: left; text-align: center;}
.wzgn_nr img{width:1rem; height: 1rem; margin: 0 auto;border-radius:.15rem; box-shadow:0 0 0.1rem rgba(0, 0, 0, .2); }
.wzgn_nr p{font-size: .25rem; color: #333; line-height: .6rem ;padding-bottom: .25rem;}

.wzgg{padding: .4rem 3%;overflow: hidden;}
.wzgg_left{float: left; /*background: url(../images/a_42.png);height: .43rem;*/width:1.06rem; background-size: 100% 100%;border-radius: 20px; background-color: #3d7eff;}
.wzgg_left p{font-size: 12px; color: #fff; padding-left: .4rem;line-height: 20px;}
.wzgg_right{float: right;width:5.6rem;overflow: hidden;}
.wzgg_right p{line-height: .43rem; font-size: .26rem; color: #333;}

.yyrb{padding:0 3%;}
.yyrb_tit h2{font-size: .3rem; color: #333; line-height: .58rem; background: url(../images/a_45.png) no-repeat left center;background-size: .06rem .24rem; padding-left: .25rem;}
.yybox{width:2.18rem; position: relative;}
.yybox img{width:2.18rem;height: 3.17rem;border-radius:.15rem;}
.yyrb_nr{padding: .36rem 0 0 0;}
.yyrb_nr ul{overflow: hidden; margin-left: -0.1rem;}
.yyrb_nr li{float: left; width:33.33%; padding: 0 0 0 0.15rem;box-sizing: border-box;}
.yyrb_nr p{font-size: .25rem; color: #333; margin: .2rem 0 .35rem 0;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.xbq1{position: absolute;top:0; right:.12rem; width:.6rem; height: .28rem; text-align: center; font-size: .2rem; line-height: .28rem; background: #e7bb78;border-radius:0 0 .06rem .06rem;color: #fff;}
.xbq2{position: absolute;top:0; right:.12rem; width:.6rem; height: .28rem; text-align: center; font-size: .2rem; line-height: .28rem; background: #fd750b;border-radius:0 0 .06rem .06rem;color: #fff;}
.footer{position: fixed;bottom: 0;left:0; width:100%; background: #fff; padding: .13rem 0 .16rem 0;}
.footer ul{overflow: hidden; }
.footer li{width:25%; text-align: center; float: left;}
.footer p{font-size: .22rem; padding-top: .15rem; color: #d4d8e5;}
.footer img{height: .42rem; width:auto; margin: 0 auto;}
.footer .hover1 p{color: #3d7eff;}
/*==个人中心==*/




.grzx{position: relative;background: url(../images/b_02.png); /*  background-image: linear-gradient(to right, #434343 0%, black 100%);     background-image: linear-gradient(to top, #2f2f2f 0%, #0f0f19 100%);    */height: 3rem; background-size: 100% 100%;padding: 0 .3rem;}
.hynr{overflow: hidden; padding-top: .65rem;}
.hynr img{width:1.06rem; height: 1.06rem; /*border: 0.04rem solid #fff;*/border-radius:50%; margin-right: .4rem;float: left;}
.hynr h2{font-size: .3rem; color: #fff; line-height: .66rem;}
.hynr p{font-size: .26rem; color: #9db8ff;}
.hyzx{background: url(../images/b_07.png); height: .93rem; padding: 0 .3rem; background-size: 100% 100%; position:absolute; bottom: 0;left:.3rem;width:6.9rem;box-sizing: border-box;}
.hyzx_token{height: .93rem; background-size: 100% 100%; position:absolute; bottom: 0;left:.3rem;width:6.9rem;box-sizing: border-box;}
.hyzx p{font-size: .3rem; line-height: .93rem; color: #e7d196;background: url(../images/b_01.png) no-repeat left center;background-size: .33rem .30rem; padding-left: .58rem;}
.hyzx a{color: #dcc9b8; font-size: .24rem;}
.dljs{padding: .3rem;}

.dlzx ul{overflow: hidden; margin-top: .3rem;background: #fff; box-shadow: 0 0 10px rgba(132, 132, 132, 0.2); border-radius:.15rem; padding: .3rem 0;}
.dlzx li{width:50%;float: left; text-align: center; line-height: .6rem; border-right:1px solid #f5f5f5;font-size: .3rem;box-sizing: border-box;}
.dlzx ul li:nth-child(2){ border: none;}
.dlzx p{font-size: .28rem; color: #333;}

.xtb3{/*background: url(../images/a14.png);*/width:.43rem; height: .43rem; display: inline-block; *display: inline; margin-right: .4rem;vertical-align: middle;background-size: 100% 100%;}
.xtb4{/*background: url(../images/b_15.png);*/width:.44rem; height: .44rem; display: inline-block; *display: inline; margin-right: .4rem;vertical-align: middle;background-size: 100% 100%;}

.czhy{margin-top: .3rem;background: #fff; box-shadow: 0 0 10px rgba(132, 132, 132, 0.2); border-radius:.15rem; }
.czhy ul{overflow: hidden; padding-top: .6rem;}
.czhy li{width:33.33%; text-align: center; float: left;}
.czhy p{font-size: .25rem; color: #333; line-height: .72rem; padding-bottom: .45rem;}
.czhy img{width:.55rem; margin: 0 auto;}
.usericon{width:.55rem; margin: 0 auto;}
.dljs h4{font-size: .26rem; text-align: center;color: #333; padding-top: .75rem;}
.dljs h4 a{color: #3d7eff;text-decoration: underline;}

.xuanli {
    width: 25%;
    padding: 1%;
    text-align: center;
    float: left;
    overflow: hidden;
}

/*==分集导航==*/
    .maincate{width: 100%;
        height: 50px;
        line-height: 50px;
        white-space: nowrap;
     /*   box-shadow: 0 1px 2px rgba(0,0,0,.1);  */
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        -webkit-overflow-scrolling: touch;
        text-align: center;
     /*     background: #f9f9f9;  */
        padding: 0px 15px;
        box-sizing: border-box;
    }
    .maincate a{  color: #616161; font-size:10px; text-decoration: none; margin-right: 10px; background-color: #f3f3f3; padding: 10px; border-radius: 10px 3px; /*box-shadow: 1px 1px 5px 0px #f3f3f3;*/ padding: 10px 15px;}
    .maincate::-webkit-scrollbar{display: none;}

    .maincate_nav{width: 100%;
        height: 50px;
        line-height: 50px;
        white-space: nowrap;

        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        -webkit-overflow-scrolling: touch;
        text-align: justify;
    /*    background: #000;  */
        padding: 0px 15px;
        box-sizing: border-box;
    }
    .maincate_nav a{ color: #fff;font-size:10px; text-decoration: none; margin-right: 10px;/* background-color: #7865ea; */background: #1b7dff; padding: 5px;border-radius: 10px 3px;box-shadow: 0 1px 2px rgba(0,0,0,.1);  }
    .maincate_nav::-webkit-scrollbar{display: none;}



/*==设备列表==*/
    .deviceListmaincate{width: 100%;
        height: 50px;
        line-height: 50px;
        white-space: nowrap;
     /*   box-shadow: 0 1px 2px rgba(0,0,0,.1);  */
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        -webkit-overflow-scrolling: touch;
        text-align: justify;
     /*     background: #f9f9f9;  */
        padding: 0px 15px;
        box-sizing: border-box;
    }
    .deviceListmaincate a{  color: #fff; font-size:10px; text-decoration: none; margin-right: 10px; /*background-color: #f3f3f3;*/background: #1b7dff; padding: 10px; border-radius: 10px 3px;box-shadow: 1px 1px 5px 0px #f3f3f3; padding: 10px 15px;}
    .deviceListmaincate::-webkit-scrollbar{display: none;}

    .deviceListmaincate_nav{width: 100%;
        height: 50px;
        line-height: 50px;
        white-space: nowrap;

        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        -webkit-overflow-scrolling: touch;
        text-align: center;
    /*    background: #000;  */
        padding: 0px 15px;
        box-sizing: border-box;
    }
    .deviceListmaincate_nav a{ color: #616161;font-size:10px; text-decoration: none; margin-right: 10px;/* background-color: #7865ea; background: #006eff;*/ background-image: linear-gradient(to right, #43e97b 0%, #38f9d7 100%); padding: 10px 15px;border-radius: 10px 3px;box-shadow: 0 1px 2px rgba(0,0,0,.1);  }

    .deviceListmaincate_nav_ico{ width: 10px;height: 10px; margin-right: 5px;}


   .deviceListmaincate_nav::-webkit-scrollbar{display: none;}

    .deviceListmaincate_touping_nav{width: 100%;
        height: 50px;
        line-height: 50px;
        white-space: nowrap;

        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        -webkit-overflow-scrolling: touch;
        text-align: justify;
    /*    background: #000;  */
        padding: 0px 15px;
        box-sizing: border-box;
    }
    .deviceListmaincate_touping_nav a{ color: #fff;font-size:10px; text-decoration: none; margin-right: 10px;/* background-color: #7865ea; */background: #1b7dff; padding: 5px;border-radius: 10px 3px;box-shadow: 0 1px 2px rgba(0,0,0,.1);  }
    .deviceListmaincate_touping_nav::-webkit-scrollbar{display: none;}







.classes-wrap{overflow: hidden;}
.content{width: 100%;margin: 0 auto;position: relative;}
.content:after{content: '';clear: both;height: 0;display: block;}
.clearfix:after{content: " ";display: table;clear: both;width: 100%;}
.classes-wrap .classes-item{width: 20%;float: left;cursor: pointer;padding: 10px 0 20px;position: relative;z-index: 1;overflow: hidden;}
.classes-wrap .classes-item.active:after{display: block;}
/*
.classes-wrap .classes-item:after{content: " ";position: absolute;z-index: 2;background: url(https://www.17sucai.com/preview/1528155/2019-01-09/tb/statics/images/helpCenter_sprites.png) no-repeat -56px -235px;width: 36px;height: 18px;bottom: 0;left: 50%;margin-left: -18px;display: none;}
.classes-wrap .classes-item .icon{width: 71px;height: 55px;background-image: url(https://www.17sucai.com/preview/1528155/2019-01-09/tb/statics/images/helpCenter_sprites.png);background-repeat: no-repeat;display: block;margin: 0 auto;} */
.classes-wrap .classes-item.active .text{color: #000;font-weight: 700;}
.classes-wrap .classes-item .text{font-size: 16px;color: #535353;display: block;text-align: center;font-weight: 400;margin-top: 15px;}
.classes-wrap .classes-item .icon.icon-login{background-position: -286px -160px;}
.classes-wrap .classes-item:hover .icon.icon-login,
.classes-wrap .classes-item.active .icon.icon-login{background-position: -286px -10px;}
.classes-wrap .classes-item .icon.icon-config{background-position: -10px -85px;}
.classes-wrap .classes-item:hover .icon.icon-config,
.classes-wrap .classes-item.active .icon.icon-config{background-position: -102px -85px;}
.classes-wrap .classes-item .icon.icon-award{background-position: -286px -85px;}
.classes-wrap .classes-item:hover .icon.icon-award,
.classes-wrap .classes-item.active .icon.icon-award{background-position: -195px -84px;}
.classes-wrap .classes-item .icon.icon-manage{background-position: -10px -10px;}
.classes-wrap .classes-item:hover .icon.icon-manage,
.classes-wrap .classes-item.active .icon.icon-manage{background-position: -102px -160px;}
.classes-wrap .classes-item .icon.icon-verifcation{background-position: -194px -160px;}
.classes-wrap .classes-item:hover .icon.icon-verifcation,
.classes-wrap .classes-item.active .icon.icon-verifcation{background-position: -10px -160px;}
.classes-wrap .classes-item .icon.icon-wechat{background-position: -194px -10px;}
.classes-wrap .classes-item:hover .icon.icon-wechat,
.classes-wrap .classes-item.active .icon.icon-wechat{background-position: -102px -10px;}
/*内容*/
.list-wrap{background: #fff;padding: 10px;box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);box-sizing: border-box;display: none;}
.list-wrap.active{display: block;}
.list-wrap .list-title{font-size: 22px;color: #000;margin-bottom: 20px;}
/*
.list-wrap .list-title .icon-question{width: 26px;height: 29px;display: inline-block;vertical-align: -8px;margin-right: 10px;background: url(../images/helpCenter_sprites.png) no-repeat -10px -235px;}  */
.list-wrap .list-content .list-item{display: block;padding: 32px 0 32px 13px;position: relative;z-index: 1;border-bottom: 1px solid #e5e5e5;font-size: 16px;line-height: 21px;}
.list-wrap .list-content .list-item a{text-decoration: none;color: #535353;}
.list-wrap .list-content .list-item a:hover{color: #4381fd;}
.list-wrap .list-content .list-item a:before{content: " ";background: #b2b2b2;width: 4px;height: 4px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;position: absolute;z-index: 1;top: 42px;left: 0;}





/*==影视详情==*/


html,body {
/*    color:#444444;  */
    margin: 0;

    font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
	overflow-x: hidden;
	overflow-y: auto;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #000;
}

a, label, button, input, select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
    border: 0;
}


html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #08acee;
}

button {
    outline: 0;
}

img {
    border: 0;
}

button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

li {
    list-style: none;
}

a {
    color: #666;
}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}


.divHeight {
    width: 100%;
    height: 5px;
    background: #f9f9f9;
    position: relative;
    overflow: hidden;
}

.r-line {
    position: relative;
}

.r-line:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    height: 100%;
    border-right: 1px solid #e8e8e8;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.b-line {
    position: relative;
}

.no-bottom {
   padding: 15px 15px 0 15px;
}

.b-line:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
	border-bottom: 1px solid #11032b;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.aui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px;
}

.aui-flex-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
/*    color:#444444;  */
}


/* css */

.aui-flexView {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.aui-scrollView {
    width: 100%;
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
    margin-top:0;
}

.aui-navBar {
    height: 44px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 1002;
    background: #ffffff;
}


.aui-navBar-item {
    height: 44px;
    min-width: 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 0 0.9rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    color: #808080;
    position: relative;
}

.aui-navBar-item:first-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-right: -25%;
    font-size: 0.9rem;
    font-weight: bold;
}

.aui-navBar-item:last-child {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.aui-center {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    width: 50%;
    margin-left: 25%;
}

.aui-center-title {
    text-align: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    font-size: 0.95rem;
/*    color:#444444;  */
}

.icon {
    width: 20px;
    height: 20px;
    display: block;
    border: none;
    float: right;
    background-size: 20px;
    background-repeat: no-repeat;
	margin-left: 5px;
}


.icon-notice {
    width: 20px;
    height: 20px;
    display: block;
    border: none;
    float: left;
    background-size: 20px;
    background-repeat: no-repeat;
	margin-left: 5px;
}



.icon-return{
    background-image:url('');
}


.icon-more{
    background-image:url('');
}

.aui-live-img{
	width: 130px;
    height: 180px;
    position:relative;
    margin-right:0.8rem;
}

.aui-live-img img{
	width: 130px;
    height: 180px;
    display:block;
    border:none;
    border-radius:5px;
}

.aui-live-dk-img{
	width: 130px;
    height: 250px;
    position:relative;
    margin-right:0.8rem;
}

.aui-live-dk-img img{
	width: 130px;
    height: 250px;
    display:block;
    border:none;
}


.aui-live-bd-img{
	width: 130px;
    height: 220px;
    position:relative;
    margin-right:0.8rem;
}

.aui-live-bd-img img{
	width: 130px;
    height: 200px;
    display:block;
    border:none;
}


.aui-live-tag{
    position:absolute;
    right:10px;
    bottom:10px;
    background:#ffeb3b;
    border-radius:3px;
    font-size:0.7rem;
    color:#373838;
    padding:2px 4px;
	z-index:200;
}

.aui-flex-box h2{
    font-size:1.2rem;
    font-weight:normal;
    margin-bottom:0.5rem;
}




.aui-flex-box p{
    margin-bottom:0.5rem;
/*    color:#444444;  */
    font-size:0.8rem;
	margin-top: 1rem;
}



.aui-flex-box span{
 /*   color:#999999;  */
    font-size:0.8rem;
}

.aui-flex-box .aui-live-icon-nav{
/*    color:#444444;  */
    font-size:0.85rem;
    line-height:20px;
    width:100%;
    text-align:center;
    display:block;
    position: relative;


}


.aui-flex-box .aui-live-icon-em{
	padding: 2px;
	display: inline-block;
	border-radius: 18px 18px 18px 0;
	color: #222222;
	text-align: center;
	font-size: 0.4rem;
	vertical-align: middle;
	position: absolute;
	top: -20px;
	right: 10%;
	background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);

}


.aui-flex-box .aui-live-icon-em-mute{
	padding: 2px;
	display: inline-block;
	border-radius: 18px 18px 18px 0;
	color: #222222;
	text-align: center;
	font-size: 0.4rem;
	vertical-align: middle;
	position: absolute;
	top: -20px;
	right: 10%;
	background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);

}

.aui-flex-box .aui-live-icon-em-mute-one{
	padding: 2px;
	display: inline-block;
	border-radius: 18px 18px 18px 0;
	color: #222222;
	text-align: center;
	font-size: 0.4rem;
	vertical-align: middle;
	position: absolute;
	top: -20px;
	right: 10%;
	background-image: linear-gradient(to right, #43e97b 0%, #38f9d7 100%);

}

.aui-live-icon-nav i{
    width:20px;
    height:20px;
    margin-right:0.3rem;
    position:absolute;
    left: 8px;
 /*   top: -2px;  */
}


.aui-live-icon-nav i img{
    width:20px;
    height:20px;
    display:block;
    border:none;
}

.aui-flex-right .aui-flex-box{
    position:relative;
}


.aui-flex-right .aui-flex-box:not(:nth-child(4n)):before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 15px;
    height: 100%;
    border-right: 1px solid #000000;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}


.aui-flex-right-tv .aui-flex-box{
    position:relative;
}


.aui-flex-right-tv .aui-flex-box:not(:nth-child(3n)):before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 15px;
    height: 100%;
    border-right: 1px solid #0060e0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}




.aui-live-header{
    padding:5px;
	text-align: center;
	background: #f3f3f3;
    color: #fff;
	margin: 0 15px;
	border-radius: 10px;
}



.aui-live-header-blue{
	color: #8f99ad;
    padding: 2px 5px;
    text-align: center;
    background-color: blue;
   /*
       background: -webkit-linear-gradient(#1b7dff, #0050b9);
    background: -o-linear-gradient(#1b7dff, #0050b9);
    background: -moz-linear-gradient(#1b7dff, #0050b9);
    background: linear-gradient(#1b7dff, #0050b9);
	    border-radius:  0px  0px 20px 20px;

	    position: absolute; */
		z-index: 1000;

		left: 0px;
    right: 0px;
	border-radius: 10px 10px 1px 1px;
	margin: 0 15px;
}


.aui-live-header-red{
	color: #8f99ad;
    padding: 2px 5px;
    text-align: center;
    background-color: red;
   /*
       background: -webkit-linear-gradient(#1b7dff, #0050b9);
    background: -o-linear-gradient(#1b7dff, #0050b9);
    background: -moz-linear-gradient(#1b7dff, #0050b9);
    background: linear-gradient(#1b7dff, #0050b9);
	    border-radius:  0px  0px 20px 20px;

	    position: absolute; */
		z-index: 1000;

		left: 0px;
    right: 0px;
	border-radius: 10px 10px 1px 1px;
	margin: 0 15px;
}
.aui-live-header-Pink{
	color: #fff;
    padding: 2px 5px;
    text-align: center;
    background-color: #1b7dff;
   /*
       background: -webkit-linear-gradient(#1b7dff, #0050b9);
    background: -o-linear-gradient(#1b7dff, #0050b9);
    background: -moz-linear-gradient(#1b7dff, #0050b9);
    background: linear-gradient(#1b7dff, #0050b9);
	    border-radius:  0px  0px 20px 20px;

	    position: absolute; */
		z-index: 1000;

		left: 0px;
  /*  right: 0px; */
	border-radius: 10px 10px 1px 1px;
	margin: 0 50px;
	width:100px
}


.aui-live-header-purple{
	color: #8f99ad;
    padding: 2px 5px;
    text-align: center;
    background-color: #673ab7;
   /*
       background: -webkit-linear-gradient(#1b7dff, #0050b9);
    background: -o-linear-gradient(#1b7dff, #0050b9);
    background: -moz-linear-gradient(#1b7dff, #0050b9);
    background: linear-gradient(#1b7dff, #0050b9);
	    border-radius:  0px  0px 20px 20px;

	    position: absolute; */
		z-index: 1000;

		left: 0px;
    right: 0px;
	border-radius: 10px 10px 1px 1px;
	margin: 0 15px;

}



.aui-live-header-black{
	color: #8f99ad;
    padding: 2px 5px;
    text-align: center;
    background-color: #f3f3f3;
   /*
       background: -webkit-linear-gradient(#1b7dff, #0050b9);
    background: -o-linear-gradient(#1b7dff, #0050b9);
    background: -moz-linear-gradient(#1b7dff, #0050b9);
    background: linear-gradient(#1b7dff, #0050b9);
	    border-radius:  0px  0px 20px 20px;

	    position: absolute; */
		z-index: 1000;

		left: 0px;
    right: 0px;
	    border-radius:  5px;

}


.aui-live-header-warning{
    color: #373838;
    padding: 2px 5px;
    text-align: center;
    background-color: #ffeb3b;
	/*    position: absolute;
	    border-radius:  0px  0px 20px 20px;
		*/
		z-index: 1000;

		left: 0px;
    right: 0px;
	    border-radius:  5px;
}



.aui-live-header-close{

	color: #373838;
    padding: 2px 5px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
	/*    position: absolute;
	    border-radius:  0px  0px 20px 20px;
		*/
		z-index: 1000;

	border-radius:  5px;


}


.aui-live-touping{
    padding:5px;
	text-align: center;
	background: #f3f3f3;
    color: #fff;
	margin: 0 15px;
	border-radius: 10px;
}

.aui-live-touping-black{
	color: #8f99ad;
    padding: 2px 5px;
    text-align: center;
    background-color: #f3f3f3;
   /*
       background: -webkit-linear-gradient(#1b7dff, #0050b9);
    background: -o-linear-gradient(#1b7dff, #0050b9);
    background: -moz-linear-gradient(#1b7dff, #0050b9);
    background: linear-gradient(#1b7dff, #0050b9);
	    border-radius:  0px  0px 20px 20px;

	    position: absolute; */
		z-index: 1000;

		left: 0px;
    right: 0px;
	    border-radius:  5px;

}


.aui-live-touping-warning{
    color: #fff;
    padding: 2px 5px;
    text-align: center;
    background-color: #e91e63;
	/*    position: absolute;
	    border-radius:  0px  0px 20px 20px;
		*/
		z-index: 1000;

		left: 0px;
    right: 0px;
	    border-radius:  5px;
}



.aui-live-touping-close{

	color: #373838;
    padding: 2px 5px;
    text-align: center;
	background-image: linear-gradient(to right, #43e97b 0%, #38f9d7 100%);
   /* background-color: rgba(0, 0, 0, 0);
	    position: absolute;
	    border-radius:  0px  0px 20px 20px;
		*/
		z-index: 1000;

	border-radius:  5px;


}






.aui-scrollView .relative {

    position: relative;
}




.aui-footer {
    width: 100%;
    position: relative;
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 5px 7px 5px;
    background: #ffffff;
}

.aui-footer:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #ddd;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.aui-tabBar-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height:40px;
    line-height:40px;
    font-size:0.9rem;
    font-weight:bold;;
}

.aui-tabBar-item-text {
    display: inline-block;
    padding-top: 2px;
}



.aui-footer-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 49;
}



.aui-live-Price{
    color:#1b7dff;
    margin-bottom:0.5rem;
    font-size:1rem;
}
.aui-live-total{
 /*   color:#999999;  */
    font-size:0.8rem;
    font-weight:normal;
}

.aui-live-score h5{
/*    color:#444444;  */
    margin-bottom:0.5rem;
    text-align:right;
    font-size:0.8rem;
}

.aui-live-score span{
 /*   color:#999999;  */
    font-size: 0.8rem;
    font-weight: normal;
}

.aui-live-coupon{
    width:22px;
    margin-right:0.3rem;
}

.aui-live-coupon img{
    width:22px;
    height:22px;
    display:block;
    border:none;
}

.aui-flex-box h6{
    font-size:0.8rem;
    font-weight:normal;
/*    color:#444444;  */
}

.aui-live-arrow{
/*    color:#444444;  */
    font-size:0.95rem;
    padding-right: 13px;
    position: relative;
    text-align: right;
}

.aui-live-arrow:after{
    content: '';
    width: 0;
    height: 0;
    border-width: 5px 0px 5px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #444444;
    position: absolute;
    top: 32%;
    right: -4px;
    border-radius: 2px;
}

.aui-tabBar-item-zero{
    position: relative;
    color:#8590a6;
}

.aui-tabBar-item-zero:after{
    content: '';
    width: 0;
    height: 0;
    border-width: 8px 0px 8px 12px;
    border-style: solid;
    border-color: transparent transparent transparent #8590a6;
    position: absolute;
    top: 32%;
    left: 25px;
    border-radius: 2px;
    color:#8590a6;
}

.aui-tabBar-item-one{
    background:#f3f4f6;
    border-radius:10px;
    margin-right: 0.5rem;
    color:#8590a6;
}


.aui-tabBar-item-two{
    background-image: -webkit-gradient(linear,left top,right top,from(#e6dab8),to(#dabd83));
    background-image: -webkit-linear-gradient(left,#e6dab8,#dabd83);
    background-image: -moz-linear-gradient(left,#e6dab8,#dabd83);
    background-image: linear-gradient(to right,#e6dab8,#dabd83);
    background-color: #dabd83;
    border-radius:10px;
/*    color:#444444;  */


}



.aui-live-header h2{
    color:#0c0021;
    font-size:1rem;
    margin-bottom:1rem;
}

.aui-live-header p{
    font-size:0.85rem;
    line-height:1.5;
    color:#767676;
    margin-bottom:0.5rem;
}


.aui-flex-box button {
    background: #1d89ec;
    border-radius: 5px;
    font-size: 0.8rem;
    padding: 0.1rem 0.9rem;
    color: #fff;
    border: none;
    margin-top: 0.3rem;
}


.aui-flex-box p em {
    background: #1b7dff;
    border: 1px solid #1b7dff;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    border-radius: 5px 20px 20px 5px;
    padding: 3px 15px 3px 15px;
    position: relative;
	 box-shadow: 0 0.2rem 0.5rem 0 rgba(0, 0, 0, 0.1);
}
.aui-flex-box p em:nth-child(2) {
    background: #fff;
 /*   color:#999999;  */
    border: 1px solid #999999;
    padding: 3px 5px 3px 5px;
}

.aui-hot-tag {
    background-image: url(../images/vvipp.png);
    background-size: 21px;
    display: block;
    width: 21px;
    height: 30px;
    position: absolute;
	right: 28px;
    top: -18px;
    background-repeat: no-repeat;
	/*transform: rotate(45deg); */
}



/*TOKEN*/
	.div_input .div_name {
    font-size: 0.7em;
    /* font-weight: bold; */
    line-height: 20px;
    /* margin-bottom: 15px; */
	}

	.div_input .div_licensePlate {
	margin-bottom: 15px;
   /* border: 1px solid #f5f5f5;
    height: 44px; */
    border-radius: 6px;
    overflow: hidden;
    margin-top: .2rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border-radius: .15rem;
}

.div_input .div_licensePlate ul {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.div_input .div_licensePlate li:nth-child(1) {
    border-left: 0px;
    background-color: #1b7dff;
    color: #fff;
	font-size: 0.9em;
}

.div_input .div_licensePlate li {
    height: 100%;
 /*   border-left: 1px solid #f5f5f5; */
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    position: relative;
    background: #1b7dff;
	line-height: .93rem;
    color: #fff;
}

.div_input .div_licensePlate li:nth-child(1) input {
    color: #fff;
}

.div_input .div_licensePlate li input {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 44px;
    border: 0px;
    background-color: initial;
    font-size: 1.2em;
    text-align: center;
    font-weight: bold;
    line-height: 44px;
}

.div_input li  {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 44px;
    border: 0px;
    background-color: initial;
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
    line-height: 44px;
}

.div_licensePlate .token {
	position: absolute;
    left: 15px;
    /* bottom: 0px; */
    width: 55px;
    background-color: #ffffff;
    background-size: 16px 16px;
    background-position: 8px 8px;
    color: #1b7dff;
    text-align: center;
	height: 15px;
    line-height: 15px;
    border-radius: 0 0 5px 5px;
    font-size: 10px;
    z-index: 333;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
